<!DOCTYPE html>
<html class="en">
<head>
	<title>Royal Swans</title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
	<link rel="icon" href="../favicon.ico" type="image/x-icon">


	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../css/bootstrap-theme.css">
	<link rel="stylesheet" type="text/css" href="../css/screen.css">
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/bootstrap.js"></script>
	<script type="text/javascript" src="../js/lab.js"></script>
	<script type="text/javascript" src="../js/main.js"></script>
	<script type="text/javascript">
		window.addEventListener('DOMContentLoaded', function() {
		    new QueryLoader2(document.querySelector("body"), {
		        barColor: "#fff9f5",
		        backgroundColor: "#fff9f5",
		        percentage: false,
		        barHeight: 1,
		        minimumTime: 200,
		        fadeOutTime: 1000,
		        onComplete: function(){
		        	var el = document.querySelector(".loadingPage");
		        	el.parentNode.removeChild(el);
		        }
		    });
		});
	</script>
</head>
<body>
<!-- WRAPPER -->
<div id="header">

	<!-- INNER SITE -->
	<div class="innerHeader">

		<h1><a href="index.html" title="Royal Swans">Royal Swans</a></h1>

		<!-- MENU -->
		<div id="menu">
			<ul class="desktop">
				<li>
					<a class="about" href="#"><span>About Us</span></a>
				</li>
				<li>
					<a class="services" href="services.html"><span>Services</span></a>
				</li>
				<li class="active">
					<a class="exper" href="experience.html"><span>Experiences</span></a>
				</li>
				<li>
					<a class="feedback" href="#"><span>Feedbacks</span></a>
				</li>
				<li class="logo-comp">
					<h1><a class="logo" href="index.html" title="Royal Swans"><span>Royal Swans</span></a></h1>
				</li>
				<li>
					<a class="shopping" href="#"><span>Shopping</span></a>
				</li>
				<li>
					<a class="blogs" href="#"><span>Blogs</span></a>
				</li>
				<li>
					<a class="contact" href="#"><span>Contact</span></a>
				</li>
				<li class="language">
					<ul>
						<li><a class="language-en" href="#"><span>English</span></a></li>
						<li><a class="language-vn" href="#"><span>Vietnamese</span></a></li>
					</ul>
				</li>
			</ul>
		</div>

		<div id="menuMobile">
			<ul class="mobile">
				<li class="active">
					<a class="about" href="index.html"><span>About Us</span></a>
				</li>
				<li>
					<a class="services" href="services.html"><span>Services</span></a>
				</li>
				<li>
					<a class="exper" href="experience.html"><span>Experiences</span></a>
				</li>
				<li>
					<a class="feedback" href="#"><span>Feedbacks</span></a>
				</li>
				<li>
					<a class="shopping" href="#"><span>Shopping</span></a>
				</li>
				<li>
					<a class="blogs" href="#"><span>Blogs</span></a>
				</li>
				<li>
					<a class="contact" href="#"><span>Contact</span></a>
				</li>
				<li class="language">
					<span>Language: </span>
						<ul>
							<li><a class="language-en" href="#"><span>English</span></a></li>
							<li><a class="language-vn" href="#"><span>Vietnamese</span></a></li>
						</ul>
				</li>
			</ul>
		</div>
		<!-- END MENU -->



	</div>
	<!-- END INNER HEADER -->
</div>
<!-- END HEADER -->



<!-- Container SITE -->
<div id="content" class="container">

	<!-- Breackcrum -->
	<div id="breackcrum">
		<ul>
			<li><a href="#">Experience<span>/</span></a></li>
			<li><a href="#">Wedding<span>/</span></a></li>
			<li><span>Crystal night</span></li>
		</ul>
	</div>
	<!-- END Breackcrum -->

	<!-- SERVICES  -->
	<div class="article experience-detail">
		<h1><img src="../images/title-detail.png" alt="Title Experience Page" class="title-img" /></h1>
		
		<!-- LIST EXPERIENCE -->
		<div class="contentDetail">
			<ul class="listTypeEvent">
				<li>
					<p>
						STYLE
						<span>Art decor</span>
					</p>
				</li>
				<li>
					<p>
						INSPIRATION
						<span>The Great Gatsby</span>
					</p>
				</li>
				<li class="selectColor">
					<p>
						STYLE
					</p>
					<ul>
						<li class="active"><a href="#" style="background-color: #e1be4f;"><img src="../images/icon-choose-color.png" alt="choose color" /></a></li>
						<li><a href="#" style="background-color: #fff;"><img src="../images/icon-choose-color.png" alt="choose color" /></a></li>
						<li><a href="#" style="background-color: #000;"><img src="../images/icon-choose-color.png" alt="choose color" /></a></li>
					</ul>
				</li>
			</ul>


			<div class="decription">
				<p>Does planning your celebration seem like a tdaunting task, or are you too busy to begin the adventure solo? We can plan and design it for you. According to your style, needs, and budget we handpick the perfect vendors, secure a space, and get things rolling by creating the design and layout for you. Finish with a complete concept and day of coordination.</p>
				<p>Does planning your celebration seem like a tdaunting task, or are you too busy to begin the adventure solo? We can plan and design it for you. According to your style, needs, and budget we handpick the perfect vendors, secure a space, and get things rolling by creating the design and layout for you. Finish with a complete concept and day of coordination.</p>
			</div>

			<div class="contentDetailImg">
				<ul>
					<li>
						<img class="lazy img-responsive" data-orig="../images/detail/1.jpg" alt="BMW M1 Hood">
						<a href="#" title="Pinterest">Share Pinterest</a>
					</li>
					<li>
						<img class="lazy img-responsive" data-orig="../images/detail/2.jpg" alt="BMW M1 Hood">
						<a href="#" title="Pinterest">Share Pinterest</a>
					</li>
					<li>
						<img class="lazy img-responsive" data-orig="../images/detail/3.jpg" alt="BMW M1 Hood">
						<a href="#" title="Pinterest">Share Pinterest</a>
					</li>
					<li>
						<img class="lazy img-responsive" data-orig="../images/detail/4.jpg" alt="BMW M1 Hood">
						<a href="#" title="Pinterest">Share Pinterest</a>
					</li>
					<li>
						<img class="lazy img-responsive" data-orig="../images/detail/5.jpg" alt="BMW M1 Hood">
						<a href="#" title="Pinterest">Share Pinterest</a>
					</li>
					<li>
						<img class="lazy img-responsive" data-orig="../images/detail/6.jpg" alt="BMW M1 Hood">
						<a href="#" title="Pinterest">Share Pinterest</a>
					</li>
					<li>
						<img class="lazy img-responsive" data-orig="../images/detail/7.jpg" alt="BMW M1 Hood">
						<a href="#" title="Pinterest">Share Pinterest</a>
					</li>
					<li>
						<img class="lazy img-responsive" data-orig="../images/detail/8.jpg" alt="BMW M1 Hood">
						<a href="#" title="Pinterest">Share Pinterest</a>
					</li>
				</ul>
			</div>
				
			

		</div>
		<!-- END LIST EXPERIENCE -->

	</div>
	<!-- END SEVICES -->

</div>
<!-- END CONTAINER -->




<!-- FOOTER -->
<div id="footer">
	<div class="container">
		<ul class="menu-footer">
			<li><a href="#">Home page</a></li>
			<li><a href="#">About us</a></li>
			<li><a href="#">Services</a></li>
			<li><a href="#">Experiences</a></li>
			<li><a href="#">Feedbacks</a></li>
			<li><a href="#">Blogs</a></li>
			<li><a href="#">Contact us</a></li>
		</ul>

		<div class="share-copyright">
			<ul class="share">
				<li><a href="#" class="fb" title="Facebook" target="_blank">Facebook</a></li>
				<li><a href="#" class="pin" title="Pinterest" target="_blank">Pinterest</a></li>
				<li><a href="#" class="in" title="Instagram" target="_blank">Instagram</a></li>
				<li><a href="#" class="yt" title="Youtube" target="_blank">Youtube</a></li>
				<li><a href="#" class="tw" title="Twitter" target="_blank">Twitter</a></li>
			</ul>
			<div class="info-address">
				<p>Copyright © Royal Swans<br />
					CTY THH ROYAL SWANS<br />
					11/15B Phạm Hùng, phường 4, quận 8, Tp.HCM<br />
					B25-10 Hoàng Anh Gia Lai 3, Nguyễn Hữu Thọ, p. Phước Kiển, Nhà Bè<br />
					E-mail: hi@royalswans.com</p>
			</div>

		</div>



	</div>
</div>
<!-- END FOOTER -->


<div class="loading">
	<img src="../images/logo.png" class="logoLoading" alt="Loading Royal" />
	<img src="../images/loading.gif" alt="Loading..." />
</div>

<div class="loadingPage">
	<div class="contentLoad">
		<img src="../images/logo-loading.png" class="LogoLoadingMain" alt="Loading Royal" />
		<ul class="rslides rslides2">
	      	<li><img src="../images/icon-1.png" alt="Icon Birthday" /></li>
	      	<li><img src="../images/icon-2.png" alt="Icon Wedding" /></li>
	      	<li><img src="../images/icon-3.png" alt="Icon Private Party" /></li>
	      	<li><img src="../images/icon-4.png" alt="Icon Coporation" /></li>
	      	<li><img src="../images/icon-5.png" alt="Icon Cunsulation" /></li>
	    </ul>
	</div>
</div>



</body>
</html>